<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>
</head>
<body>
    <form action="index.html" method="get" name="myform">
        账号：<input type="text" value="" placeholder="请输入" name="username" disabled><br>
        <!-- 单行文本框 input,value是文本框的内容--,placeholder专门写一些提示的文字 >
        <!-- get 账号和密码不保密 post账号和密码保密 disabled禁用-->
        <!-- .表单控件 size是控件的高度-->
        密码：<input type="password" value="" placeholder="请输入" name="password" readonly><br>
        <!-- 密码输入框 readonly只读-->
        <!-- <input type="buttom" value="登录"> -->
        <!-- 普通按钮 -->
        性别：<input type="radio" name="sex" checked>男
        <input type="radio" name="sex">女<br>
        <!-- 单选按钮 name将它们划分到一组 -->
        <!-- checked是让单选框或者多选框默认选择 -->
        爱好：
        <input type="checkbox" name="hobby" checked>唱
        <input type="checkbox" name="hobby">跳
        <input type="checkbox" name="hobby">rap
        <input type="checkbox" name="hobby">打篮球
        <!-- 多选框 -->
        <input type="file">
        <!-- 文件域 -->
        邮箱<input type="email">
        <!-- 邮件 -->
        <input type="submit" value="登录">
        <!-- 提交按钮 -->
        <input type="reset">
        <!-- 重置按钮 -->
    </form>
    <!-- 表单 -->
</body>
</html>